{% include 'common/head.html' %}
<body>
    {% include 'common/top.html' %}
    <div id="Wrapper">
    <div id="Main">
        <div id="Sidebar">   
        </div>
        <div id="Rightbar">
            {% include 'rightbar/stats.html' %}
            <div class="sep20"></div>
            {% include 'rightbar/backstage_latest_members.html' %}
        </div>
        <div id="Content">
            <div class="box">
                <div class="cell">
                    <span class="fade"><a href="/">{{ site.title }}</a> <span class="chevron">&nbsp;›&nbsp;</span> {{ l10n.backstage }}</span></div>
                <div class="grid" style="font-size: 14px;">
                    <table cellpadding="10" cellspacing="0" border="0" width="100%">
                        <tr>
                            <td align="center" valign="top" width="48" style="border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;"><img src="/static/img/app48.png" align="absmiddle" /></td>
                            <td align="left" valign="top" width="auto" style="border-bottom: 1px solid #e2e2e2; background-color: #f9f9f9;"><a href="/backstage/site">{{ l10n.site_settings }}</a>
                            <div class="sep10"></div>
                            <span class="fade" style="font-size: 12px">{{ l10n.site_settings_explained }}</span>    
                            </td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" width="48" style="border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;"><img src="/static/img/write48.png" align="absmiddle" /></td>
                            <td align="left" valign="top" width="auto" style="border-bottom: 1px solid #e2e2e2; background-color: #f9f9f9;"><a href="/backstage/topic">{{ l10n.topic_settings }}</a>
                            <div class="sep10"></div>
                            <span class="fade" style="font-size: 12px">{{ l10n.topic_settings_explained }}</span>    
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="sep20"></div>
            <div class="box">
                <div class="cell"><div class="fr"><div class="sep5"></div><a href="/backstage/new/section" class="super normal button">{{ l10n.add_new_section }}</a></div>
                <div class="sep5"></div><span class="fade">{{ l10n.sections }}</span><div class="sep3"></div>
                </div>
                <div class="grid" style="font-size: 14px;">
                    <table cellpadding="10" cellspacing="0" border="0" width="100%">
                        {% for section in sections %}
                        <tr>
                            <td align="center" valign="middle" width="48" style="border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;"><strong style="font-size: 24px; font-family: DINPro">{{ section.nodes }}</strong></td>
                            <td align="left" valign="top" width="auto" style="border-bottom: 1px solid #e2e2e2; background-color: #f9f9f9;"><a href="/backstage/section/{{ section.name }}">{{ section.title|escape }}</a>
                            <div class="sep10"></div>
                            <span class="fade" style="font-size: 12px">{% if section.header %}{{ section.header }}{% endif %}</span>    
                            </td>
                        </tr>
                        {% endfor %}
                    </table>
                </div>
                <div class="inner"><strong class="fade">Recently Modified</strong> <span class="chevron">›</span>&nbsp; {% for node in latest_nodes %}{% ifnotequal forloop.counter 1 %} &nbsp;<span class="snow">•</span>&nbsp; {% endifnotequal %}<a href="/backstage/node/{{ node.name }}">{{ node.title|escape }}</a>{% endfor%}</div>
            </div>
            <div class="sep20"></div>
            <div class="box">
                <div class="cell"><div class="fr"><div class="sep5"></div><a href="/backstage/new/minisite" class="super normal button">{{ l10n.add_new_minisite }}</a></div>
                <div class="sep5"></div><span class="fade">{{ l10n.minisites }}</span><div class="sep3"></div>
                </div>
                <div class="grid" style="font-size: 14px;">
                    <table cellpadding="10" cellspacing="0" border="0" width="100%">
                        {% for minisite in minisites %}
                        <tr>
                            <td align="center" valign="middle" width="48" style="border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;"><strong style="font-size: 24px; font-family: DINPro">{{ minisite.pages }}</strong></td>
                            <td align="left" valign="top" width="auto" style="border-bottom: 1px solid #e2e2e2; background-color: #f9f9f9;"><div class="fr"><a href="#;" onclick="if (confirm('{{ l10n.sure_to_delete_minisite }}')) { location.href = '/backstage/remove/minisite/{{ minisite.key }}'; }" class="opo">DELETE</a></div><a href="/backstage/minisite/{{ minisite.name }}">{{ minisite.title|escape }}</a>
                            <div class="sep10"></div>
                            <span class="fade" style="font-size: 12px">{{ minisite.description|escape }}</span>    
                            </td>
                        </tr>
                        {% endfor %}
                    </table>
                </div>
            </div>
            <div class="sep20"></div>
            <div class="box">
                <div class="cell">
                    <span class="fade">{{ l10n.data_management }}</span></div>
                <div class="grid" style="font-size: 14px;">
                    <table cellpadding="10" cellspacing="0" border="0" width="100%">
                        <tr>
                            <td align="center" valign="top" width="48" style="border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;"><img src="/static/img/cloud48.png" align="absmiddle" /></td>
                            <td align="left" valign="top" width="auto" style="border-bottom: 1px solid #e2e2e2; background-color: #f9f9f9;">{{ l10n.delete_specified_cached_item }}
                            <div class="sep10"></div>
                            <span class="fade" style="font-size: 12px">{{ l10n.delete_specified_cached_item_explained }}</span>
                            <div class="sep10"></div>
                            <form method="post" action="/backstage/remove/mc">
                            <input type="text" class="sl" name="mc" /> &nbsp; <input type="submit" class="super normal button" value="{{ l10n.delete }}" />
                            </form>  
                            </td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" width="48" style="border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;"><img src="/static/img/update48.png" align="absmiddle" /></td>
                            <td align="left" valign="top" width="auto" style="border-bottom: 1px solid #e2e2e2; background-color: #f9f9f9;"><a href="/mapreduce" target="_blank">MapReduce</a>
                            <div class="sep10"></div>
                            <span class="fade" style="font-size: 12px">{{ l10n.mapreduce_explained }}</span>    
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    <div class="c"></div>
    </div>
    </div>
    {% include 'common/bottom.html' %}
</body>
</html>